<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="js/jquery.min.js"></script>
</head>
<body>
<div>
    <!--显示订单编号、金额-->
    <table>
        <tr>
            <td>订单编号</td>
            <td id="orderno"></td>
        </tr>
        <tr>
            <td>订单金额</td>
            <td id="price"></td>
        </tr>
    </table>
    <button onclick="gopay()">立即支付</button>
</div>
<script>
    //JSON.parse 将JSON格式的字符串解析成对象
    let data = JSON.parse(window.sessionStorage.getItem("ordercdto"));

    //渲染数据
    $("#orderno").text(data.orderno);
    $("#price").text(data.price);

    //去结算
    function gopay() {
        //利用form表单提交：订单编号、金额、订单名称、订单描述
        //创建form表单
        let form = $("<form action='order/pay' method='post' style='display: none;'></form>");
        //订单编号
        let orderno = $("<input type='text' name='WIDout_trade_no'>").prop("value",data.orderno);
        //订单金额
        let price = $("<input type='text' name='WIDtotal_amount'>").prop("value",data.price);
        //订单名称
        let name = $("<input type='text' name='WIDsubject'>").prop("value",data.id);
        //订单描述
        let description = $("<input type='text' name='WIDbody'>").prop("value","测试");

        //将数据放到form表单下
        form.append(orderno);
        form.append(price);
        form.append(name);
        form.append(description);

        //将from添加到页面上    必须放在页面上，不然无法提交数据
        $("body").append(form);

        //提交数据
        form.submit();
    }
</script>
</body>
</html>